<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>YUI 3.x: CSS Grids Units Example</title>
<style>
body {font-size:12px;}

.u {letter-spacing: -0.6em;*letter-spacing: normal;word-spacing: -0.43em;}
.g {
	display:inline-block;
	*display:inline;*zoom:1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;

	width:20%;
	border:1px red solid;
}


.u2 {
    letter-spacing: -0.31em;
    *letter-spacing: normal; 
    word-spacing: -0.43em; 
}
.g2 {
    display: inline-block;
    zoom: 1; *display: inline; 
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;

	width:200px;
	border:1px #000 solid;
}
</style>

</head>
<body>
<div class="u">
<div class="g">各种中文各种中文各种中文各种中文</div>
<div class="g">各种中文各种中文各种中文各种中文各种中文各种中文各种中文</div>
<div class="g">各种中文各种中文</div>
<div class="g">各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文</div>
</div>


<div class="u2">
<div class="g2">各种中文各种中文各种中文各种中文</div>
<div class="g2">各种中文各种中文各种中文各种中文各种中文各种中文各种中文</div>
<div class="g2">各种中文各种中文</div>
<div class="g2">各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文各种中文</div>
</div>

<pre>
/*.u {
    letter-spacing: -0.31em; /* webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    word-spacing: -0.43em; /* IE < 8 && gecko: collapse white-space between units */
}
.g {
    display: inline-block;
    zoom: 1; *display: inline; /* IE < 8: fake inline-block */
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
	width:200px;
	border:1px #000 solid;
}*/
</pre>
</body>
</html>


